<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="tfn" uri="http://www.totoro.com/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/public.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/iconFont/iconfont.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/nav.css"/>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/buy/transaction_snapshot.css"/>
</head>
<body>
<script src="${pageContext.request.contextPath}/static/js/frame/jquery-3.5.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/frame/totoro-utils.js"></script>
<jsp:include page="/public_page/nav.jsp"></jsp:include>
<div id="page" class="w1190">
    <jsp:include page="/public_page/search_header.jsp"></jsp:include>
<div id="content" class="page-snapshot">
    <div id="snapshot">
        <div class="claration clearfix">
            <i class="iconfont-snapshot icon-snapshot-tishi fl"></i>
            <p class="fl">当前页面内容为<a href="//service.tmall.com/support/tmall/knowledge-1126014.htm">订单快照</a>，包含订单创建时的商品描述和下单信息，买卖双方和平台在发生交易争议时，该页面作为判定依据。</p>
            <a href="/buy.htm?pid=${marketSr.product.id}&skuCode=${marketSr.skuCode}" class="fr">点此查看最新商品详情</a>
        </div>
        <div class="summary clearfix">
            <div class="summary-l fl">
                <!-- 商品简介左侧图片展示 -->
                <div class="picture-gallery">
                    <div class="tb-gallery">
                        <div class="tb-booth tb-pic tb-main-pic">
                            <a href="javascript:;" rel="nofollow">
		                <span>
		                  <img id="J_ImgBooth" class="main-pic" data-haszoom="700" src="${marketSr.product.productImages.get(0).imagePath}">
		                </span>
                            </a>
                            <div class="zoom-icon hidden ticonfont ticon-dtfangdajing" id="J_ZoomIcon"></div>
                        </div>
                        <ul id="J_UlThumb" class="tb-thumb tb-clearfix" style="display:none;">
                        </ul>
                    </div>
                </div>
            </div>
            <div class="summary-r fl">
                <h3 class="title">${marketSr.product.productName}</h3>
                <div class="sub-title" style="display: none">
                    买一送一
                </div>
                <p class="key-value">
                    <span class="name">商品ID</span>
                    <span class="value-inline">${marketSr.product.id}</span>
                </p>
                <p class="key-value">
                    <span class="name">商品类型</span>
                    <span class="value-inline">全新</span>
                </p>
                <div class="price-container">
                    <p class="key-value">
                        <span class="name">价格</span>
                        <span class="value-inline highlight-font"><fmt:formatNumber value="${marketSr.product.productSpecs.productPrice}" type="currency" pattern=".00"/>元   </span>
                    </p>
                </div>
                <p class="key-value">
                    <span class="name">数量</span>
                    <span class="value-inline">${marketSr.buyCount}</span>
                </p>

                <p class="key-value">
                    <span class="name">快递</span>
                    <span class="value-inline">0.00元</span>
                </p>
                <p class="key-value">
                    <span class="name">所在地</span>
                    <span class="value-inline">广东广州</span>
                </p>
                <div class="line"></div>
                <c:set var="skuData" value="${marketSr.product.productSpecs.productSpaceData}"></c:set>
                <c:set var="skuDatas" value='${fn:split(fn:replace(fn:replace(skuData, "{" , ""), "}", ""), ",")}'></c:set>
                <div class="key-value">
                    <c:forEach begin="0" end="${fn:length(skuDatas)-1}" varStatus="hdVs">
                        <div class="value-wrap">
                            <p class="value-block">${fn:split(fn:replace(skuDatas[hdVs.index], "\"", ""), "|")[0]}</p>
                        </div>
                    </c:forEach>
                </div>
                <div class="line"></div>
                <div class="key-value">
                    <span class="name">承诺</span>
                    <div class="value-wrap">
                        <a href="//www.tmall.com/wow/portal/act/bzj" class="value-with-icon">
                            <img src="" alt="">
                            <span>正品保证</span>
                        </a>
                        <a href="//www.tmall.com/wow/seller/act/seven-day" class="value-with-icon">
                            <img src="" alt="">
                            <span>七天无理由退换</span>
                        </a>
                        <a href="//www.taobao.com/go/act/315/xfzbz_rsms.php?ad_id=&amp;am_id=&amp;cm_id=&amp;pm_id*=*&amp;xbjc=3.1" class="value-with-icon">
                            <img src="" alt="">
                            <span>如实描述</span>
                        </a>
                    </div>
                </div>
                <div class="key-value">
                    <span class="name">发票</span>
                    <span class="value-inline">有</span>
                </div>
            </div>
        </div>
        <div class="grid-s5m0">
            <div class="col-main">
                <div class="main-wrap" id="mainwrop">
                    <div class="item-detail-container fl">
                        <ul class="tabbar">
                            <li class="tabbar-item selected">宝贝详情</li>
                        </ul>
                        <div class="tab-body">
                            <div class="tab-body-item pc-item-detail">
                                <div class="item-detail-head">
                                    <div class="spu clearfix">
                                        <ul class="spu-lists">
                                            <input type="hidden" style="visibility: hidden; display: none" value='${marketSr.product.spuAttrList}' id="spus">
                                            <script>
                                                $(document).ready(function () {
                                                    var spuJson = eval("(" + $("#spus").val() +")");
                                                    for (let i = 0; i < spuJson.length; i++) {
                                                        var $dt = $("<li title='&nbsp;"+spuJson[i]["value"]+"' class='spu-item'>"+spuJson[i]["title"]+":"+ spuJson[i]["value"]+"</li>").appendTo($(".spu-lists"));
                                                    }
                                                })
                                            </script>
                                        </ul>
                                    </div>
                                </div>
                                <div class="item-detail-main">
                                    <div id="J_TimeoutTips" class="timeout-tips hide">
                                        <p>加载店铺装修信息失败，请稍后重试</p>
                                        <i id="J_RefreshDc" class="iconfont-snapshot icon-refresh"></i>
                                    </div>
                                    <div id="J_DcTopRightWrap" class="tb-shop">
                                        <div id="J_DcTopRight" class="J_AsyncDC tb-shop" data-type="topRight"></div>
                                    </div>
                                    <div class="shop-detail">
                                        <div id="description" class="tshop-psm ke-post">
                                            <p>
                                                ${marketSr.product.productDetailHtml}
                                        </p>
                                        </div>
                                    </div>
                                    <div class="J_AsyncDC tb-custom-area tb-shop" data-type="main" id="J_AsyncDCMain"><!--rightkey:p_lazyRight_sid163215406_pid1315160121,cacheAt:2021-07-13 14:24:07,ip:sitemisc033044197127.center.na620--></div>
                                    <div id="J_DcBottomRightWrap" class="tb-shop">
                                        <div id="J_DcBottomRight" class="J_AsyncDC tb-shop" data-type="bottomRight"></div>
                                    </div>
                                    <div class="price-info">
                                        <div class="tb-price-spec">
                                            <h3 class="spec-title">价格说明</h3>
                                            <p class="title">划线价格</p>
                                            <p class="info">指商品的专柜价、吊牌价、正品零售价、厂商指导价或该商品的曾经展示过的销售价等，<strong>并非原价</strong>，仅供参考。</p>
                                            <p class="title">未划线价格</p>
                                            <p class="info">指商品的<strong>实时标价</strong>，不因表述的差异改变性质。具体成交价格根据商品参加活动，或会员使用优惠券、积分等发生变化，最终以订单结算页价格为准。</p>
                                            <p class="info">此说明仅当出现价格比较时有效，具体请参见《淘宝价格发布规范》。若商家单独对划线价格进行说明的，以商家的表述为准。</p>
                                        </div>
                                    </div>
                                    <div class="exemption-clause">
                                        <i class="iconfont-snapshot icon-snapshot-tishi"></i>
                                        <p>如国家相关法律法规规定的卖家责任义务高于以上约定的，则以法律法规规定为准。</p>
                                        <p>免责声明：淘宝网所展示的宝贝供求信息由买卖双方自行提供，其真实性、准确性和合法性由信息发布人负责。淘宝网不提供任何保证，并不承担任何法律责任。淘宝网友情提醒：为保障您的利益，请网上成交，贵重宝贝，请使用<a href="//www.taobao.com/strade/strade.php" target="_blank">支付宝</a>交易。</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
        <jsp:include page="/public_page/open_chat.jsp"></jsp:include>
</body>
</html>
